20 Inspirational And Beautiful CSS3 Slideshow Tutorial Compilation

1. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. Light Css3 Image Slideshow Panel

featured image

Pure CSS3

All CSS3 Browsers

More Details

4. Litie - Modern CSS3 Buttons

featured image

Hello there, welcome to Litie modern CSS3 button pack, there are five colors to pick from in the example, but you can easily swap out the icons and colors to fine tune to your theme. Files Included: HTML, CSS3, Full Documentation, Video tutorial

More Details

5. jQuery Responsive Carousel

featured image

Auto delay slideshow, hove to pause. CSS3 transition.

More Details

6. jQuery 3D Grid Card Plugin

featured image

Auto delay slideshow, hove to pause. CSS3 transition.

More Details

7. Strapslide - Responsive Bootstrap Slider Plugin

featured image

CSS3 Transition library

Slideshow Design

More Details

8. Lush - Content Slider

featured image

It uses CSS3 native transition and animations to get the best performance taking advantage of the modern browser features, without lose functionality in older browsers. Native CSS3 animations

CSS3 3D animation

CSS3 Support Autodetection

New CSS3 animations

More Details

9. Sky jQuery Touch Carousel

featured image

Auto slideshow and loop. Uses CSS3 transitions.

More Details

10. Showbiz Pro Responsive Teaser JQuery Plugin

featured image

Fast CSS3 & jQuery Engine

More Details

11. Royal 3D Carousel

featured image

Support for old browsers like IE7 and IE8, on older browser that don’t support CSS3 the carousel will be displayed in 2D mode. Fast CSS3 & JavaScript engine. Royal 3D Carousel can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the carousel must be installed manually with slideshow HTML code and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress).

More Details

12. Responsive Gridfolio

featured image

The rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices, the way it works it will try to use CSS3 and if this is not available it will down fall to CSS2 or CSS1 for older browsers like IE7 and IE8. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

13. jQuery Hotspot Plugin with Slideshow

featured image

You can use this jQuery Hotspot Plugin in a product introduction or image showcase, which support the auto delay slideshow and can trigger by click or hover.Auto delay slideshow, hover to pause. CSS3 transition support in the modern browser, fade only in the old browsers. Modernizr CSS3 feature detection.

More Details

14. jQuery Fullscreen Slideshow

featured image

Auto delay slideshow, hover icons and text to pause. CSS3 transition support in the modern browser, fade only in the old browsers.

More Details

15. Shifty Nav - a Fully Responsive JS CSS3 Mega Menu

featured image

Shifty Nav is a fully responsive CSS3 mega menu. This menu supports whatever kind of content you throw at it, and includes a full tutorial on how to build the markup for your own menu if you don’t want to modify the pre-existing file.CSS3 animations

Full tutorial on how to build and implement

More Details

16. jQuery Responsive Quote Rotator

featured image

A slider jQuery plugin help you to display quote of the day or customer testimonial with CSS3 transtion support.CSS3 transition in the modern browser. Auto delay slideshow. Optional mouse over to pause the slideshow.

More Details

17. ZoomFlow - Banner Rotator / Teaser

featured image

CSS3 technology - this gallery uses cutting-edge css3 definitions to render awesome 3D effects in supporting browsers, the others will degrade gracefully

slideshow mode – display images in a slideshow

More Details

18. Ultimate Grid Responsive Gallery

featured image

CSS3 Effects

Lightbox with slideshow (play, pause, auto-play)

More Details

19. Horizontal Gridfolio Pro

featured image

Horizontal Gridfolio Pro can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the grid must be installed manually with slideshow HTML code and the images uploaded with a ftp client, we have inclulded a tutorial about how to install it in Wordpress.Slideshow button (optional). Slideshow autoplay.Slideshow delay: The slideshow delay can be set in seconds.Slideshow custom animated graphics.

More Details

20. Ultimate Smart Slider - Responsive

featured image

CSS3 Transformations

More Details

21. Bugibba Slide

featured image

Bugibba SlideShow easy to use slider with awesome 3D transition effects.-2 type menu slideshow responsive.-1 type slideshow full screen

More Details